<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <!-- 引入 echarts.js -->
    <!-- <script src="/Script/echarts.min.js"></script> -->
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 2400px;height:400px;"></div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

      // 指定图表的配置项和数据
      var option = {
        title: {
          text: 'Temperature change from 1942 to 1945'         
        },
        tooltip: {},
        legend: {},
        toolbox: {},      
        xAxis: [{         
          data: ['January', 'February', 'March', 'April', 'May', 'June', 'July','August','September','October','November','December']
        }],
        yAxis: { },
        series: [{
          name: 'The highest temperature',
          type: 'line',
          data: [11, 11, 15, 13, 12, 13, 10,20,25,30,15,10]          
        },
        {
          name: 'The lowest temperature',
          type: 'line',
          data: [1, -2, 2, 5, 3, 2, 0,18,20,26,10,8]        
        },
        {
          name:'The highest temperature in every month',
          type:'line',
          data: [11,11,15,13,12,13,10,20,25,30,15,10]
        }]
      };

      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);
     //默认是合并原数据，加上true表示不合并配置，否则原数据依然存在图表上
　　　//myChart.setOption(option, true);　
    </script>
</body>
</html>
